<template>
 <div class="mapAndMenu">
   <fullmap></fullmap>
  <div id="menuDiv">
    <Menu></Menu>
  </div>
 </div>
</template>

<script>
  import fullmap from './esriMap'
  import  Menu from  './Menu'
 export default {
  name: 'HzMap',
   components:{
     fullmap,Menu
   }
 /* data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }*/
 }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .mapAndMenu{
  height:100% ;
  width: 100%;
}
  #menuDiv{
    z-index: 1000;
    border: 1px solid rgb(215, 214, 216);
    position: absolute;
    left: calc((100% - 680px)/2);
    bottom: 10px;
    display: block;
    background-color: rgba(255, 255, 255, 0.53)
    }
</style>
